#policymatchmodul {
  .chart-ps {
    height : calc(100% - 60px)
    padding-bottom : 60px;
    > .all-group {
      > .answers-group {
        margin-left : 16px
        > .all-group-item {
          > .unit-item {
            padding-right : 180px
          }
        }
      }
    }

    .all-group {
      z-index : 0
    }
    .answers-group {
      margin : 20px 0px 0 40px
    }
    .unit-item {
      position : relative
      display : inline-flex

      .card-com {
        position : relative
        width : 400px
        margin-top : 50px
        z-index : 1
        .card-con-com {
          position : relative
          background-color : #e5e5e5
          border-bottom-right-radius : 6px;
          &.first-card {
            display : inline-flex
            width : 100%
            top : 50%
            transform translateY(-50%)
          }
          &:hover {
            .btn-add-com {
              display : block
            }
          }
        }
        .left {
          position : relative
          width : 55%
          height : 100%
          padding : 20px 20px 50px
          &:hover {
            .unit-tools {
              display : block
            }
          }
          .unit-description {
            textarea {
              border-radius 0
              background-color transparent
              color : #4c4c4c
              font-size : 14px
              resize none
              border-color : transparent
              &:hover, &:focus {
                box-shadow none
                background-color : #7f7f7f
                color:#fff
              }
            }
          }
          .unit-tools {
            display : none
            position : absolute
            margin-top : 10px
            .ivu-btn {
              color : #4c4c4c
              border-color #ccc
              background-color : #5a606b
              &:hover {
                color : #fff
                background-color : #7f7f7f
              }
              &[disabled="disabled"]:hover {
                color : #fff
                background-color : #7f7f7f;
              }
            }
            .untied {
              padding-top : 3px
              padding-bottom : 3px
            }
            .del {
              color : red
              &:hover {
                color : red
              }
            }

          }
        }
        .right {
          position : relative
          width : 45%
          padding-bottom : 26px
          min-height : 120px
          text-align : center
          padding-left : 1px
          border-left : 1px solid #ccc
          border-bottom-right-radius 6px

          .unit-problem-list {
            height : 100%
            .unit-problem-list-li {
              position : relative
              &:hover {
                .problem-child-tools {
                //display : block
                  width : 180px
                }
              }

              .problem-child-tools {
                position : absolute
                left : 100%
                top : 0
                width : 0px
                height : 32px
                transition : width .15s
                overflow : hidden
                z-index : 10
                .ivu-btn {
                  color : #fff
                  border-color #292c3c
                  background-color : #5a606b
                  &:hover {
                    color : #56a6f6
                    background-color : #434857
                  }
                  &.del {
                    color : red
                  }
                  &.drag {
                    padding-top : 3px
                    padding-bottom : 3px
                    cursor : move
                  }
                  &.move {
                    padding-top : 3px;
                    padding-bottom : 3px;
                    cursor : move
                  }
                }
              }

              .ivu-input, .ivu-input-group-append, .ivu-input-group-prepend {
                border: 0px solid #000
                font-size : 14px
                color : #4c4c4c
                background-color : transparent
                &:hover, &:focus {
                //border 1px solid #56a6f6
                  box-shadow none
                  background-color : #7f7f7f
                  color: #fff
                }
              }
              .ivu-input-group-append {
                border-right : 0
                color : #f5ab4d
                &:hover {
                  color : #f5ab4d
                  border-width 0 0 1px 0
                  color: #fff
                  border-color #292c3c
                  background-color : #7f7f7f
                }
              }
              .ivu-input.selected {
                border-corder : #f5ab4d
                background-color : #f5ab4d
              }
            }
          }
          .btn-add {
            position : absolute
            bottom : 0
            left : 0
            width : 100%
            height : 26px
            line-height : 26px
            border : 1px solid #7f7f7f
            border-left : 0
            border-radius 0
            background-color : #7f7f7f
            border-bottom-right-radius 6px
          }
        }
        .btn-add-com {
          display : none
          position : absolute
          left : 0
          right : 0
          height : 46px
          text-align : center
        }
        .btn-add-up {
          top : -46px
          .btn-add {
            margin-top : 0px
            background-color: #7f7f7f
          }
        }
        .btn-add-down {
          bottom : -46px
          .btn-add {
            margin-top : 16px
            background-color: #7f7f7f
          }
        }
        .btn-add {
          display : inline-block
          width : 240px
          height : 30px
          line-height : 30px
          cursor : pointer
          color : #fff
          font-size : 24px
          border-radius 6px
          background-color : #393f4c
          &:hover {
            background-color : #56a6f6
          }
        }
      }
    }
  }
}

.unit-policy-prizes {
  position : relative
  padding : 16px 0 32px 8px;
  text-align : left
  overflow : hidden
  .unit-policy-prizes-ps {
    padding-right : 10px
    height : 202px
  }
  .policy-prize-item {
    margin-bottom : 24px
    .policy-title {
      margin-bottom : 11px
      font-size : 14px
      color : #fff
    }
    .prize-item {
      margin-top : 1px
      &:hover {
        .prize {
          cursor : default
          background-color : #f5a94e
        }
        .del-prize {
          display : inline-block
        }
      }
      .prize {
        display : inline-block
        max-width : calc(100% - 30px);
        padding : 3px;
        color : #fff;
        font-size : 14px;
        text-overflow : ellipsis;
        vertical-align : middle;
        overflow : hidden;
        background-color : #3a404d;
      }
      .del-prize {
        display : none
        line-height : 22px
        padding : 0px 3px
        color : red
        cursor : pointer
        vertical-align : middle;
        > i {
          font-size : 25px
        }
      }
    }

  }
  .policy-prize-drag {
    position : absolute
    bottom : 5px
    right : 24px
    text-align : right
    .drag {
      padding : 7px 7px
      color : #56a6f6
      cursor : move
      border-radius 4px
      &:hover {
        color : #fff
        background-color : #f5ab4d
      }
      i {
        vertical-align middle
        font-size : 20px
      }
    }
  }
}
